@charset "UTF-8";
// 函数  使用： tint(#fff,10%)

/* mix scss内置函数 */
// 为颜色添加白色，以百分比形式
@function tint($color, $percent) {
    @return mix(white, $color, $percent);
}

// 为颜色添加黑色，以百分比形式
@function shade($color, $percent) {
    @return mix(black, $color, $percent);
}

// 计算百分比
@function calc-percent( $target, $context ) {
    @return $target / $context * 100%;
}


// px2em
// @function em($px, $base-font-size: 16px) {
//     @if (unitless($px)) { // 不带单位时，则假设它为px单位，进而转换成px单位并重新转em
//         @warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels for you";
//         @return em($px + 0px);
//     } @else if (unit($px) == em) {
//         @return $px;
//     }
//     @return ($px / $base-font-size) * 1em;
// }

// px转rem
// @function rem($px) {
//     @if (unitless($px)) { // 不带单位时，则假设它为px单位，进而转换成px单位并重新转rem
//         @warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels for you";
//         @return rem($px + 0px);
//     } @else if (unit($px) == rem) {
//         @return $px;
//     }
//     @return ($px/2)/($designWidth/10)*1rem; // 750设计图上默认1rem为75px，量出来的px得先除以2再和rem相除
// }

// // px转vw
// @function vw($px) {
//     @if (unitless($px)) { // 不带单位时，则假设它为px单位，进而转换成px单位并重新转vw
//         @warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels for you";
//         @return vw($px + 0px);
//     } @else if (unit($px) == vw) {
//         @return $px;
//     }
//     @return ($px / $designWidth)*100vw;
// }
